<%@ include file="/WEB-INF/views/includes.jsp"%>
<%@ page session="false"%>
<html>
<head>
<title>Home</title>
</head>

<style type="text/css">
#top,#bottom,#left,#right {
	background: #a5ebff;
	background:-moz-linear-gradient(top,#E0ECF8,#81DAF5);
}

#left,#right {
	position: fixed;
	top: 0;
	bottom: 0;
	width: 100px;
}

#left {
	left: 0;
}

#right {
	right: 0;
}

#top,#bottom {
	position: fixed;
	left: 0;
	right: 0;
	height: 0;
}

#top {
	top: 0;
}

#bottom {
	bottom: 0;
}

.mainDIV {
	left: 100px;
	right: 100px;
	position: fixed;
	top: 0;
	bottom: 0;
	background: white;
}

.mainLeft {
	left: 100px;
	float: left;
	width: 200;
	position: fixed;
	top: 165px;
	bottom: 0;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ff9900;
}

.mainRight {
	left: 300px;
	right: 100px; float : right;
	position: fixed;
	top: 165px;
	bottom: 0;
	float: right;
}

.banner {
	left: 100px;
	right: 100px;
	height: 100px;
	background: transparent url(mega.gif) top left no-repeat;
	background: #eeeeee;
}



h1,h2,h3,h4,h5,h6,p,ul,li {
	font-size: 15px;
	margin: 0;
	padding: 0;
}

div#banner {
	background: transparent url(/resource/images/mega.gif) top left
		no-repeat;
	padding-top: 10px;
	padding-bottom: 0px;
}

div#banner h1,div#menu h2 {
	margin: 0;
	padding: 0;
}

div#banner h1 a {
	display: block;
	width: 270px;
	height: 120px;
}

div#banner h1 a span,div#banner .skip {
	position: absolute;
	top: -10000px;
	left: -10000px;
}

ul#menu {
	background: #940;
	color: #fff;
	margin: 0;
	padding: 0.4em 0em;
}

ul#menu li {
	display: inline;
	margin: 0.1em 1em;
	position: relative;
}

ul#menu h2,ul#menu h3 {
	font-size: 15px;
	font-weight: normal;
	display: inline;
}

ul#menu li a {
	color: #fff;
	text-decoration: none;
	padding: 0 0.4em;
}

ul#menu li a:hover {
	text-decoration: underline;
}
}
</style>

<body>



	<div class="mainDIV">


		<div id="banner">
			<h1>
				<a href="#"><span>Mega Shop</span> </a>
			</h1>
			<a class="skip" href="#content">Skip navigation</a>
			<ul id="menu">
				<li>
					<h2>
						<a href="home.do">Home</a>
					</h2>
				<li class="mega">
					<h2>
						<a href="#">Content Management</a>
					</h2></li>
				<li class="mega">
					<h2>
						<a href="#">User Management</a>
					</h2></li>
				<li class="mega">
					<h2>
						<a href="#">Order Management</a>
					</h2></li>

			</ul>

		</div>


		<div class="mainLeft"">
			<iframe src="/menu/showMenu.do" name="test1" scrolling="no"
				frameborder="0" height="100%" width="100%">You need a
				Frames Capable browser to view this content.</iframe>
		</div>

		<div class="mainRight">
			<iframe id="mainRightFrame" src=# name="test2" scrolling="no"
				frameborder="0" height="100%" width="100%">You need a
				Frames Capable browser to view this content.</iframe>
		</div>


	</div>

	<div id="left"></div>


	<div id="right"></div>
</body>
</html>
